<template>
	<view class="row p-2 border-bottom border-light-secondary animated fadeIn faster" @click="openDetail(item.id)">
		<view class="span-6">
			<image :src="item.pic" mode="widthFix" class="w-100"></image>
		</view>
		<view class="span-14 pl-3 d-flex flex-column">
			<view class="font-md font-weight">{{item.title}}</view>
			<view class="font text-light-muted line-h-md mb-auto">{{item.desc}}</view>
			<price :text="item.pprice"></price>
			<view class="font-sm text-light-muted">
				{{item.comments_count}} 条评论 {{item.good_num}}满意
			</view>
		</view>
	</view>
</template>

<script>
	import price from "@/components/common/price.vue";
	export default {
		components: {
			price
		},
		props:{
			item:Object,
			index:Number
		},
		methods:{
			openDetail(id){
				uni.navigateTo({
					url:'/pages/detail/detail?id='+id
				})
			}
		}
	}
</script>

<style>
</style>